﻿<!DOCTYPE html>

<html>
<head>

    <title></title>

    <link class="include" rel="stylesheet" type="text/css" href="css/jquery.jqplot.css" />

  
    <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../excanvas.js"></script><![endif]-->
    <script class="include" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    
   
</head>
<body>
    <div id="header"></div>
   

<div id="chart" style="width:400px;height:260px;"></div>





  


<script class="code" type="text/javascript">
    $(document).ready(function () {

        var l2 = [11, 9, 5, 50, 14];
        var l3 = [4, 8, 5, 3, 6];
        var l4 = [12, 6, 13, 11, 2];


        var plot1b = $.jqplot('chart', [l2, l3, l4], {
            stackSeries: true,
            showMarker: false,
            seriesDefaults: {
                fill: true
            },
            axes: {
                xaxis: {
                    renderer: $.jqplot.CategoryAxisRenderer,
                    ticks: ["Mon", "Tue", "Wed", "Thr", "Fri"]
                }
            }
        });

        $('#chart').bind('jqplotDataHighlight',
        function (ev, seriesIndex, pointIndex, data) {
            $('#info1b').html('series: ' + seriesIndex + ', point: ' + pointIndex + ', data: ' + data);
        }
    );

        $('#chart').bind('jqplotDataUnhighlight',
        function (ev) {
            $('#info1b').html('Nothing');
        }
    );
    });
</script>
 
 

<!-- End example scripts -->

<!-- Don't touch this! -->


    <script class="include" type="text/javascript" src="js/jqPlot/jquery.jqplot.min.js"></script>

<!-- Additional plugins go here -->

  <script class="include" type="text/javascript" src="js/jqPlot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
  <script class="include" type="text/javascript" src="js/jqPlot/plugins/jqplot.highlighter.min.js"></script>
  <script class="include" type="text/javascript" src="js/jqPlot/plugins/jqplot.canvasTextRenderer.min.js"></script>
  <script class="include" type="text/javascript" src="js/jqPlot/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>

<!-- End additional plugins -->

       
 


</body>


</html>

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
